<script setup lang="ts">
import {defineProps} from 'vue';
  type Props = {
    title?:string
    width:number
    content:string
    placement:"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start"
  }
  const {title = ''} = defineProps<Props>();
</script>

<template>
  <el-popover
      :placement="placement"
      :title="title"
      :width="width"
      trigger="hover"
      :content="content"
  >
    <template #reference>
      <slot />
    </template>
  </el-popover>
</template>

<style scoped lang="scss">

</style>